<template>
  <up-navbar bgColor="#fff">
    <template #left>
      <view>Anytime-商城</view>
    </template>
    <template #right>
      <view class="flex-center">
        <image src="/static/icon/oper/a-122_sousuo.png" style="height: 60rpx;width: 60rpx"/>
        <image src="/static/icon/oper/shop.png" style="height: 50rpx;width: 50rpx;margin-left: 20rpx"/>
      </view>
    </template>
  </up-navbar>
  <view class="main">
    <up-swiper
        :list="list2"
        keyName="image"
        showTitle
        style="margin: 0 20rpx"
        height="300rpx"
        circular
    ></up-swiper>
    <shop-categroy></shop-categroy>
    <!-- 限时特惠-->
    <activity-discount></activity-discount>
  </view>
  <a-float-menu/>
</template>

<script setup>
import {reactive} from 'vue';

const list2 = reactive([
  {
    image: 'https://picsum.photos/id/222/200/300',
    title: '昨夜星辰昨夜风，画楼西畔桂堂东',
  },
  {
    image: 'https://picsum.photos/id/223/200/300',
    title: '身无彩凤双飞翼，心有灵犀一点通',
  },
  {
    image: 'https://picsum.photos/id/228/200/300',
    title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳',
  },
]);
</script>

<style scoped lang="scss">
@import "@/static/css/index.css";

page {
  background: #f7f7f7;
}

.main {
  // #ifdef H5 || MP-WEIXIN
  padding-top: 120rpx;
  // #endif
  // #ifdef APP-PLUS
  padding-top: 160rpx;
  // #endif
}

:deep(.u-float-button__item) {
  box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.1);
}
</style>